/***********总容器***********/
.upper{
    width: 100%;
    height:230vw;
    background-color:#f4f3f8;
}
/***********header部分***********/
.upper .header{
    width:100%;
    height:12vw;
    background-color: #3362a6;

    display: flex;
    align-items: center;
}
.upper .header p{
    font-size: 4vw;
    color: #eff0f4;
    flex:1;
    user-select: none;/*让文本选中状态无效*/
    cursor: pointer;
    margin-left: 2vw;
}
.upper .header h1{
    font-size: 4vw;
    color: white;
    font-weight: 700;
    flex:1.75;
}
/***********驾驶证信息***********/
.upper .license{
    box-sizing: border-box;
    padding: 3vw;
}
.upper .license .license-info .license-info-main{
    display: flex;
    flex: 1;
    flex-direction: row;
    box-sizing: border-box;
    padding: 1vw;
    border-radius: 10px;
}
.upper .license .license-info .license-info-main img{
    width:20vw;
    height:20vw;
}
.upper .license .license-info .license-info-main .license-info-text{
    flex:2;
}
.upper .license .license-info .license-info-main .license-info-text h3{
    font-size: 4vw;
    font-weight: 600;
    color: #888888;
    margin:2vw;
}
.upper .license .license-info .license-info-main .license-info-text .license-info-low{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.upper .license .license-info .license-info-main .license-info-text .license-info-low h3{
    font-size: 3.5vw;
    margin-top: 1vw;
    color: #999;
}
.upper .license .license-info .license-info-main .license-info-text .license-info-low p{
    font-size: 3.5vw;
    color: lightgreen;
    margin: 1vw;
}
.upper .license .license-info .license-info-main .license-info-text .license-info-low .style{
    width:8vw;
    height:6vw;
    background-color:#f4f3f8;
    margin: 2vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.upper .license .license-info .license-info-main .license-info-text .license-info-low .style p{
    color: lightgreen;
    font-size: 3vw;
}
.upper .license .license-info .license-info-second{
    background-color: white;
    border-radius: 10px;
}
.upper .license .license-info .license-info-second .line{
    width:100%;
    height: 0.2vw;
    background-color: #999999;
}
.upper .license .license-info .license-info-second .license-info-second-header{
    box-sizing: border-box;
    padding: 4vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.upper .license .license-info .license-info-second .license-info-second-header h3{
    font-size: 4vw;
    font-weight: 500;
}
.upper .license .license-info .license-info-second .license-info-second-header p{
    font-size: 4vw;
}
.upper .license .license-info .license-info-third{
    background-color: white;
    margin-top: 3vw;
    border-radius: 10px;
    margin-bottom: 2vw;
}
.upper .license .license-info .license-info-third .license-info-second-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 3vw;
}
.upper .license .license-info .license-info-third .line{
    width:100%;
    height: 0.2vw;
    background-color: #999999;
}
.upper .license .license-info .license-info-third .license-info-second-header h3{
    font-size: 4vw;
    font-weight: 500;
}
.upper .license .license-info .license-info-third .license-info-second-header p{
    font-size: 4vw;
}
.upper .license .license-info .license-info-third .license-info-second-header p .fa-pencil{
    color: #3362a6;
    margin-left: 2vw;
}
.upper .license .license-info p{
    color: #999999;
    font-size: 3vw;
    display: flex;
    justify-content: center;
    margin-top: 3vw;
}
.upper .license .license-info .license-info-fourth{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.upper .license .license-info .license-info-fourth p{
    margin-top: 3vw;
}
.upper .license .license-info .license-info-fourth p:last-child{
    font-size: 3vw;
    color: cornflowerblue;
    text-decoration: underline;
    margin-top: 3vw;
}